<!DOCTYPE html>
<html lang="zh-CN">
  	<head>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		
		<link rel="stylesheet" href="/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/header.css" />
		<link rel="stylesheet" href="/css/more.css" />
		<link rel="stylesheet" href="/css/sweetalert.css" />
	</head>
	
	<body>
		
		<%- include header %>
		
		<div class="container">
			
			 <div id="hotNews">
				<div class="row">
					<div class="col-xs-12">
						<div class="page-header">
							<% if(classify=='all') { %>
						    <h1>搜索新闻<small>轻轻一点，热点直达</small></h1>
						    <% }else { %>
						    <h1><%= classify %>新闻<small>24小时新闻直达</small></h1>
						    <% } %>
						</div>
					</div>
				</div>
				
				<div class="row">
					<ul class="list-group col-xs-12">
						
					  	<% searchNews.forEach(function(item) { %>
				
					  	<li class="list-group-item">
					  		<div class="row">
								<div class="col-xs-4 col-md-2">
									<a href="/news?newsId=<%= item.id %>">
										<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
									</a>
								</div>
								
								<div class="col-xs-8 col-md-10">
									<a href="/news?newsId=<%= item.id %>">
										<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
									</a> 
									<p><%= item.summary %></p>
								</div>
							</div>
							
							<div class="row text-right">
								<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
									<span>—— <%= item.name %> </span> 
								</div>
								<div class="col-md-3">
									<time><%= item.sendTime %></time>	
								</div>
								<div class="col-md-4">
									<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
									<span>评论数 <span class="badge"><%= item.comment %></span></span>
								</div>
							</div>
					  	</li>
							
						<% }) %>
					  	
					</ul>
				</div>
			</div>
			
		</div>
		
		<!-------------------            Modal start         ------------------------->
		
		<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
			<div class="modal-dialog" role="document" aria-hidden="true">
			    <div class="modal-content">
			    	
			    	
				   
				   
				   
				    
			    </div>
			</div>
		</div>
		
		<!-------------------            Modal end         ------------------------->
	
		
		<script type="text/javascript" src="/js/jquery-3.1.1.min.js" ></script>
		<script type="text/javascript" src="/js/bootstrap.min.js" ></script>
		<script src="/js/header.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/sweetalert.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
